<template>
	<view>
		<view class="code-yue">2021-11</view>
		<view class="code-items">
			<view class="code-item">
				<view class="left">
					<view class="text">石浦湾海鲜</view>
					<view class="time">2021.11.26 20:34</view>
				</view>
				<view class="right">-1530</view>
			</view>
			<view class="code-item">
				<view class="left">
					<view class="text">石浦湾海鲜</view>
					<view class="time">2021.11.26 20:34</view>
				</view>
				<view class="right">-1530</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
page{
	background-color: #F4F4F4;
}
.code-yue{
	margin: 30rpx 20rpx;
	font-size: 28rpx;
	color: #333;
}
.code-items{
	margin: 30rpx;

	background-color: #fff;
	border-radius: 10rpx;
	
	.code-item{
		padding: 20rpx;
		display: flex;
		align-items: center;
		border-bottom:1px solid #f4f5f6;
		&:last-of-type{
			border:none;
		}
		.left{
			flex: 1;
			.text{
				font-weight: 600;
				margin-bottom: 4rpx;
			}
			.time{
				font-size: 28rpx;
				color: #ccc;
			}
		}
		.right{
			width: 120rpx;
			font-size: 28rpx;
			color: #71B47F;
			text-align: right;
		}
	}
}
</style>
